<template>
    <div class="Upguid">
        <!--       公共顶部-->
        <Top>
            <i class="el-icon-arrow-left back" slot="leftPart" @click="goback()"></i>
            <p class="title" slot="midPart">课程上传</p>
        </Top>
        <div class="main">
            <div class="guidImg">
                <img class="imgFullx" src="/static/guid.jpg" alt="" />
                <span class="btn" @click="down"></span>
            </div>
        </div>
    </div>
</template>

<script>
    //导入相关组件
    import Top from '@/components/smallCom/Top'
    export default {
        name: 'Upguid',
        components: {
            Top,//顶部信息组件
        },
        data () {
            return {

            }
        },
        methods:{
          down () {
            location.href = 'http://www.huawa.com/index.php?c=down'
          }
        }
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
    .Upguid{
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        .main{
            background-color: #de6940;
            bottom: 0;
            .guidImg{
                width: 100%;
                position: relative;
/*
                top: 50%;
                transform: translateY(-50%);
*/
                .btn{
                    border-radius: .6rem;
                    width: 3.28rem;
                    height: .81rem;
                    position: absolute;
                    left: 0;
                    right: 0;
                    margin: auto;
                    top: 1.75rem;
                }
            }
        }
    }
</style>
